<template>
  <el-card
    shadow="never"
    body-style="height: 100%;flex:1;box-sizing: border-box;overflow: hidden;"
    v-bind="$attrs"
  >
    <template #[item]="data" v-for="item in Object.keys($slots)">
      <slot :name="item" v-bind="data"></slot>
    </template>
  </el-card>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
  .el-card {
    // 跟随系统圆角
    --el-card-border-radius: calc(var(--custom-radius) / 2 + 2px) !important;
  }

  .el-card:not(:only-child) {
    margin-bottom: var(--card-margin);
  }
</style>
